<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../common.inc" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="./css/style1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/form.js"></script>
<script type="text/javascript" language="javascript">
<!--
	function back(){
		window.location.href = "./dictionarySet.do";
		window.location.target = "main";
	}
	
	function addRange(id,value){
		window.location.href = "./recordRange.do?action=display&sign=3&id="+id;
		window.location.target = "main";
	}
	
	function save(){
		document.otherDictionaryForm.action = "./dictionarySet.do?action=saveOtherInfo";
		document.otherDictionaryForm.target = "main";
		document.otherDictionaryForm.submit();
	}
	
	function initPage(){
		if("<c:out value='${result}'/>" == 1){
			alert("<fmt:message key='common.message.addSuccess'/>");
		}
	}
-->
</script>
</head>
<body onload="initPage()">
<form name="otherDictionaryForm" action="" method="post">
	<table class="table_frame">
		<tr>
			<td>
				<table class="table_title1">
					<tr>
						<td class="title_lab" colspan="2"><fmt:message key='dic.title.otherInfo'/></td>
					</tr>
					<tr>
						<td valign="bottom" class="a_tools" style="padding-left: 3px;">
							<a href="javascript:save();" title="<fmt:message key='common.button.save'/>" hidefocus="true"><fmt:message key='common.button.save'/></a>
						</td>
						<td valign="bottom" align="right">
							<a href="javascript:back();" title="<fmt:message key='common.button.back'/>" hidefocus="true"><fmt:message key='common.button.back'/></a>&nbsp;&nbsp;
						</td>
					</tr>
					<tr><td height="2"></td></tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table class="table_title2">
					<tr>
						<td class="title_lab"><fmt:message key='dic.lable.titleOther'/></td>
					</tr>
					<tr>
						<td>
							<table class="table">
								<tr>
									<td>
										<div style="width:100%;height:420px;overflow-x: hidden;overflow-y: scroll;">
										<table class="table_style">
											<tr>
												<td class="title" width="8"></td>
												<td class="title" width="30%"><fmt:message key='dic.lable.recordName'/></td>
												<td class="title" width=""><fmt:message key='dic.lable.recordDesc'/></td>
												<td class="title" width="8%"><fmt:message key='common.lable.operate'/></td>
											</tr>
											<c:forEach var="otherInfo" items="${otherInfos}">
											<tr onmouseover="onmousemoveChange(this,'img${otherInfo.id}')" onmouseout="onmouseoutChange(this,'img${otherInfo.id}')">
												<td height="16" width="8" align="right"><img id="img${otherInfo.id}" src="./images/table_sign2.bmp"></td>
												<td><fmt:message key="${otherInfo.primitiveRecordKey}"/><input id="id" name="id" type="hidden" value="${otherInfo.id}"/></td>
												<td>
													<input id="recordDesc" name="recordDesc" class="input_percent" type="text" 
														value="<c:choose><c:when test='${language == 2}'>${otherInfo.recordDescEn}</c:when><c:otherwise>${otherInfo.recordDesc}</c:otherwise></c:choose>" />
												</td>
												<td>
													<img class="btn_img" src="./images/a_addrange.gif" onclick="addRange(${otherInfo.id},'')" title="<fmt:message key='dic.lable.addRange'/>">
												</td>
											</tr>
											</c:forEach>
										</table>
										</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</form>
</body>
</html>